<%@ page import="com.scau.ums.model.User" %><%--
  Created by IntelliJ IDEA.
  User: Fullcy
  Date: 2019/7/30
  Time: 14:34
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">

    <!-- CSS
	============================================ -->
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,700,800,900%7CPoppins:300,400,500,600,700,800,900" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrapmin.css">
    <!-- Font-awesome CSS -->
    <link rel="stylesheet" href="css/font-awesomemin.css">
    <!-- Slick slider css -->
    <link rel="stylesheet" href="css/slickmin.css">
    <!-- animate css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Nice Select css -->
    <link rel="stylesheet" href="css/nice-select.css">
    <!-- jquery UI css -->
    <link rel="stylesheet" href="css/jqueryuimin.css">
    <!-- main style css -->
    <link rel="stylesheet" href="css/style.css">

    <link rel="stylesheet" href="css/upload-user-layui.css">

    <!-- JS
    ============================================ -->

    <!-- Modernizer JS -->
    <script src="js/modernizr-3.6.0min.js"></script>
    <!-- jQuery JS -->
    <script src="js/jquery-3.3.1min.js"></script>
    <!-- Popper JS -->
    <script src="js/poppermin.js"></script>
    <!-- Bootstrap JS -->
    <script src="js/bootstrapmin.js"></script>
    <!-- slick Slider JS -->
    <script src="js/slickmin.js"></script>
    <!-- Countdown JS -->
    <script src="js/countdownmin.js"></script>
    <!-- Nice Select JS -->
    <script src="js/nice-selectmin.js"></script>
    <!-- jquery UI JS -->
    <script src="js/jqueryuimin.js"></script>
    <!-- Image zoom JS -->
    <script src="js/image-zoommin.js"></script>
    <!-- image loaded js -->
    <script src="js/imagesloadedpkgdmin.js"></script>
    <!-- masonry  -->
    <script src="js/masonrypkgdmin.js"></script>
    <!-- mailchimp active js -->
    <script src="js/ajaxchimp.js"></script>
    <!-- contact form dynamic js -->
    <script src="js/ajax-mail.js"></script>
    <!-- google map api -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyCfmCVTjRI007pC1Yk2o2d_EhgkjTsFVN8"></script>
    <!-- google map active js -->
    <script src="js/google-map.js"></script>
    <!-- Main JS -->
    <script src="js/main.js"></script>

    <style type="text/css">
        .black-all{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=88);
        }
        .light-content {
            display: none;
            position: fixed;
            top: 2%;
            left: 25%;
            width: 50%;
            padding: 20px;
            background-color: #e7eaed;
            z-index:1002;
            overflow: auto;
            border-radius:10px
        }
    </style>

    <%--"我的"按钮判断跳转--%>
    <script>
        function wodeRedirect() {
            var jsUserType = '<%=request.getSession().getAttribute("USER_TYPE")%>';
            if(jsUserType=='<%=User.ADMIN%>')
            {
                window.location.href="/adminEntrance";
            }
            if(jsUserType=='<%=User.MAINTAINER%>')
            {
                window.location.href="/maintainerEntrance";
            }
            if(jsUserType=='<%=User.STUDENT%>'||jsUserType=='<%=User.TEACHER%>')
            {
                window.location.href="/userEntrance";
            }
        }
    </script>

</head>
<body>
<header class="header-area">
    <div class="main-header d-none d-lg-block">
        <!--顶部left开始-->
        <div class="header-top black-bg">
            <div class="container">
                <!--顶部选择-->
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="top-left-navigation">
                            <ul class="nav align-items-center">
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex justify-content-end">
                        <div class="header-social-link">
                        </div>
                        <ul class="user-info-block">
                            <!--登录开始-->
                            <%if (request.getSession().getAttribute("USER_NAME")==null){%>
                            <li><a href="/login"><i class="fa fa-sign-in"></i> 登录</a></li>
                            <%}else{%>
                            <ul class="nav">
                                <!--登录开始-->
                                <li class="mini-cart-wrap">
                                    <a href="#" class="minicart-btn">
                                        <span class="fa fa-user-circle-o"></span>
                                        <% String username=(String)request.getSession().getAttribute("USER_NAME");System.out.println(username);out.print(username);%>
                                    </a>

                                    <!--两个按钮开始-->
                                    <div class="cart-list-wrapper">
                                        <div class="minicart-button">
                                            <a onclick="wodeRedirect()"><i class="fa fa-user-plus"></i> 我的</a>
                                            <a href="/logout"><i class="fa fa-user-times"></i> 注销</a>
                                        </div>
                                    </div>
                                    <!--两个按钮结束-->
                                </li>
                                <!--登录结束-->
                            </ul>
                            <%}%>
                            <!--登录结束-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--顶部left结束-->

        <div class="header-main-area black-soft sticky">
            <div class="container">
                <div class="row align-items-center position-relative">
                    <!-- logo展示开始 -->
                    <div class="col-auto">
                        <div class="logo">
                            <a href="/">
                                <img src="img/2.jpg" style="margin-bottom:58px" alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <!-- logo展示结束 -->
                    <div class="col-auto position-static">
                        <div class="main-menu-area">
                            <div class="main-menu">
                                <!-- 标签栏开始 -->
                                <nav class="desktop-menu">
                                    <ul>
                                        <li class="active"><a href="/adminEntrance">主页 <i class="fa fa-angle-left"></i></a>
                                        </li>
                                        <li class="active"><a href="/adminEntrance">管理模块 <i class="fa fa-angle-left"></i></a>
                                            <ul class="dropdown">
                                                <li><a href="publishNews">发表新闻 <i class="fa fa-plus"></i></a>
                                                </li>
                                                <li><a href="GetverifySuggestions">言论管理 <i class="fa fa-twitch"></i></a>
                                                </li>
                                                <li><a href="verifyLostAndFound">失物招领审核 <i class="fa fa-gratipay"></i></a>
                                                </li>
                                                <li><a href="listUser">用戶管理与数据中心 <i class="fa fa-user-plus"></i></a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">用戶管理与数据中心 <i class="fa fa-angle-down"></i></a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- 标签栏结束 -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>


<main>
    <!-- 用户信息以及功能展示开始 -->
    <div class="my-account-wrapper section-padding">
        <div class="container">
            <div class="section-bg-color">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="myaccount-page-wrapper">
                            <div class="row">
                                <div class="col-lg-3 col-md-4">
                                    <div class="myaccount-tab-menu nav" role="tablist">
                                        <a id="btn1" href="listUser" ><i class="fa fa-address-book-o "></i>
                                            用户列表</a>
                                        <a id="btn2" href="#addUser" class="active" data-toggle="tab"><i class="fa fa-comments-o"></i>
                                            添加用户</a>
                                    </div>
                                </div>

                                <div class="col-lg-9 col-md-8">
                                    <div class="tab-content" id="myaccountContent">
                                        <!-- 添加用户开始 -->
                                        <div class="tab-pane fade show active" id="addUser" role="tabpanel">
                                            <div class="myaccount-content">
                                                <div class="myaccount-table table-responsive text-center">
                                                    <div id="addSelect" class="myaccount-tab-menu nav" role="tablist" style="-webkit-flex-direction:row">
                                                        <a id="btn2-1" href="#addStudent" data-toggle="tab" style="width:180px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(229, 229, 229)"><i class="fa fa-comments-o"></i>
                                                            添加学生</a>
                                                        <a id="btn2-2" href="#addTeacher" data-toggle="tab" style="width:180px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(229, 229, 229)"><i class="fa fa-file-audio-o "></i>
                                                            添加教师</a>
                                                        <a id="btn2-3" href="#addMaintainer" data-toggle="tab" style="width:180px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(229, 229, 229)"><i class="fa fa-file-audio-o "></i>
                                                            添加维修部</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 添加用户结束 -->
                                </div>

                                <!--添加用户三个部分开始-->
                                <div class="col-lg-9 col-md-8 ">
                                    <!--两个按钮 excel 手动-->
                                    <div id="two-buttons" style="display: none;margin-top: 5%">
                                        <div class="myaccount-table text-center" style="float: left;margin-right: 10%;margin-left: 5%">
                                            <button class="btn btn-sqr" onclick="msgbox(1)">Excel文件导入</button>
                                        </div>
                                        <div class="myaccount-table text-center" style="float: left;">
                                            <button class="btn btn-sqr" onclick="msgbox(2)">手动导入</button>
                                        </div>
                                    </div>
                                        <!--录入学生 -->
                                        <div class="tab-pane " id="addStudent" style="top: 10px;">
                                            <!-- excel学生浮窗开始部分 -->
                                            <div class="layui-form layui-form-pane floating-box light-content" style="background-color: white" id="box1">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                    <div><h3 style="text-align:center;">添加学生</h3></div>

                                                    <div class="photos-upload-view">
                                                    <form method="post" enctype="multipart/form-data" action="uploadStudentByExcel" name="fm1">
                                                        <div style="margin-top: 5%" >
                                                            <input type="text" size="20" name="stuUpfile1" id="stuUpfile1" style="border:1px solid #86b006;height: 30px;"/>
                                                            <input type="button" value="选择文件" onclick="stuUpfile.click()" style="border:none;background:#86b006;padding: 5px 16px;font-size: 14px; color: white;"/>
                                                            <input type="file" id="stuUpfile" name="stuUpfile"  style="display:none" onchange="stuUpfile1.value=this.value" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" multiple="multiple" />
                                                        </div>
                                                        <div>
                                                            <div style="margin-top: 10%;"><input type="submit" class="layui-btn" value="确定" onclick="return checkStudentData()" style="background-color: #87b106;"/></div>
                                                            <div style="float: right"><a href="excelTemplate/studentdata.xlsx">点击下载excel模板</a></div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <!-- excel学生浮窗结束 -->

                                            <!-- 手动学生浮窗开始部分 -->
                                            <div class="layui-form layui-form-pane floating-box light-content" id="box2">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                <div><h3 style="text-align:center;">添加学生</h3></div>
                                                <form method="post" action="uploadStudentByHand" class="layui-form">
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">学号</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="stuId" name="stuId" required
                                                                   pattern="[0-9]{1,12}" title="1到12位的纯数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">姓名</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="stuName" name="stuName" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">专业</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="major" name="major" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">班级</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="classes" name="classes" required placeholder="请输入数字"
                                                                   pattern="[0-9]{1,5}" title="1到5位的数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">性别</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="stuSex" id="stuSex" required>
                                                                <option value="男">男</option>
                                                                <option value="女">女</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">电话</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="stuTelephone" name="stuTelephone" required
                                                                   pattern="(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}" title="正确的手机号或固话" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">邮箱</label>
                                                        <div class="layui-input-inline">
                                                            <input type="email" id="stuEmail" name="stuEmail" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">宿舍区</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="stuDormRegion" id="stuDormRegion" required>
                                                                <c:forEach var="i" items="${sessionScope.dormArea}"><!-- a是你session传过来的集合 -->
                                                                <option value="${i.getArea()}">${i.getArea()}</option>
                                                                </c:forEach>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">宿舍楼栋</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="stuDormBuilding" name="stuDormBuilding" required placeholder="请输入数字"
                                                                   pattern="[0-9]{1,5}" title="1到5位的数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-top: 5px">
                                                        <label class="layui-form-label">房间号</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="stuDormRoom" name="stuDormRoom" required placeholder="请输入数字"
                                                                   pattern="[0-9]{1,5}" title="1到5位的数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item" style="margin-bottom: 5px">
                                                        <input type="submit" class="layui-btn" lay-filter="login_hash" lay-submit="submit" style="background-color: #87b106;"/>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <!--录入学生结束-->

                                        <!--录入教师 -->
                                        <div class="tab-pane fade" id="addTeacher" style="top: 10px;">
                                            <!-- excel教师浮窗开始部分 -->
                                            <div class="layui-form layui-form-pane floating-box light-content" style="background-color: white" id="box3">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                <div><h3 style="text-align:center;">添加教师</h3></div>
                                                <div class="photos-upload-view">
                                                    <form method="post" enctype="multipart/form-data" action="uploadTeacherByExcel" name="fm2">

                                                        <div style="margin-top: 5%" >
                                                            <input type="text" size="20" name="teaUpfile1" id="teaUpfile1" style="border:1px solid #86b006;height: 30px;"/>
                                                            <input type="button" value="选择文件" onclick="teaUpfile.click()" style="border:none;background:#86b006;padding: 5px 16px;font-size: 14px; color: white;"/>
                                                            <input type="file" id="teaUpfile" name="teaUpfile"  style="display:none" onchange="teaUpfile1.value=this.value" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" multiple="multiple" />
                                                        </div>
                                                        <div>
                                                            <div style="margin-top: 10%"><input type="submit" class="layui-btn" value="确定" onclick="return checkTeacherData()" style="background-color: #87b106;"/></div>
                                                            <div style="float: right"><a href="excelTemplate/teacherdata.xlsx">点击下载excel模板</a></div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <!-- excel教师浮窗结束 -->

                                            <!-- 手动教师浮窗结束 -->
                                            <div class="layui-form layui-form-pane floating-box light-content" id="box4">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                <div><h3 style="text-align:center;">添加教师</h3></div>
                                                <br/>
                                                <form method="post" action="uploadTeacherByHand" class="layui-form">
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">工号</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="teaId" name="teaId" required
                                                                   pattern="[0-9]{1,8}" title="1到8位的纯数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">姓名</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="teaName" name="teaName" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">性别</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="teaSex" id="teaSex" required>
                                                                <option value="男">男</option>
                                                                <option value="女">女</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">电话</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="teaTelephone" name="teaTelephone" required
                                                                   pattern="(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}" title="正确的手机号或固话" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">邮箱</label>
                                                        <div class="layui-input-inline">
                                                            <input type="email" id="teaEmail" name="teaEmail" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">宿舍区</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="teaDormRegion" id="teaDormRegion" required>
                                                                <c:forEach var="i" items="${sessionScope.dormArea}"><!-- a是你session传过来的集合 -->
                                                                <option value="${i.getArea()}">${i.getArea()}</option>
                                                                </c:forEach>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">宿舍楼栋</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="teaDormBuilding" name="teaDormBuilding" required placeholder="请输入数字"
                                                                   pattern="[0-9]{1,5}" title="1到5位的纯数字"lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">房间号</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="teaDormRoom" name="teaDormRoom" required placeholder="请输入数字"
                                                                   pattern="[0-9]{1,5}" title="1到5位的纯数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <input type="submit" class="layui-btn" lay-filter="login_hash" lay-submit="submit" style="background-color: #87b106"/>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <!--添加教师结束-->

                                        <!-- 添加维修人员 -->
                                        <div class="tab-pane fade" id="addMaintainer" style="top: 10px;">
                                            <div class="layui-form layui-form-pane floating-box light-content" style="background-color: white" id="box5">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                <div><h3 style="text-align:center;">添加维修部人员</h3></div>
                                                <div class="photos-upload-view">
                                                    <form method="post" enctype="multipart/form-data" action="uploadMaintainerByExcel" name="fm3">

                                                        <div style="margin-top: 5%" >
                                                            <input type="text" size="20" name="maintainerUpfile1" id="maintainerUpfile1" style="border:1px solid #86b006;height: 30px;"/>
                                                            <input type="button" value="选择文件" onclick="maintainerUpfile.click()" style="border:none;background:#86b006;padding: 5px 16px;font-size: 14px; color: white;"/>
                                                            <input type="file" id="maintainerUpfile" name="maintainerUpfile"  style="display:none" onchange="maintainerUpfile1.value=this.value" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" multiple="multiple" />
                                                        </div>
                                                        <div>
                                                            <div style="margin-top: 10%"><input type="submit" class="layui-btn" value="确定" onclick="return checkMaintainerData()" style="background-color: #87b106;"/></div>
                                                            <div style="float: right"><a href="excelTemplate/maintainerdata.xlsx">点击下载excel模板</a></div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>

                                            <div class="layui-form layui-form-pane floating-box light-content" id="box6">
                                                <button onclick="msgbox(0); return false;" type="button" class="close" data-dismiss="modal">&times;</button>
                                                <div><h3 style="text-align:center;">添加维修部门人员</h3></div>
                                                <br/>
                                                <form method="post" action="uploadMaintainerByHand" class="layui-form">
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">工号</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="maintainerId" name="maintainerId" required
                                                                   pattern="[0-9]{1,8}" title="1到8位的纯数字" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">姓名</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="maintainerName" name="maintainerName" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">性别</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="maintainerSex" id="maintainerSex" required>
                                                                <option value="男">男</option>
                                                                <option value="女">女</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">电话</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" id="maintainerTelephone" name="maintainerTelephone" required
                                                                   pattern="(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}" title="正确的手机号或固话" lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">邮箱</label>
                                                        <div class="layui-input-inline">
                                                            <input type="email" id="maintainerEmail" name="maintainerEmail" required
                                                                   lay-verify="required" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">维修组别</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="maintainGroup" id="maintainGroup" >
                                                                <c:forEach var="i" items="${sessionScope.maintainGroup}"><!-- a是你session传过来的集合 -->
                                                                <option value="${i.getId() }">${i.getName() }</option>
                                                                </c:forEach>
                                                                <option value=""></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label">维修职位</label>
                                                        <div class="layui-input-inline">
                                                            <select lay-ignore class="form-control" name="maintainRole" id="maintainRole" required>
                                                                <c:forEach var="i" items="${sessionScope.maintainRole}"><!-- a是你session传过来的集合 -->
                                                                <option value="${i.getId() }">${i.getName() }</option>
                                                                </c:forEach>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-form-item">
                                                        <input type="submit" class="layui-btn" lay-filter="login_hash" lay-submit="submit" style="background-color: #87b106"/>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                </div>
                                <!--我的申请两个部分结束-->

                                <script>
                                    $(document).ready(function(){
                                        document.getElementById("btn2-1").click();
                                    });
                                    document.getElementById("btn2-1").onclick=function(){
                                        document.getElementById("two-buttons").style.display="block";
                                        document.getElementById("addSelect").setAttribute("type","student");
                                    }
                                    document.getElementById("btn2-2").onclick=function(){
                                        document.getElementById("two-buttons").style.display="block";
                                        document.getElementById("addSelect").setAttribute("type","teacher");
                                    }
                                    document.getElementById("btn2-3").onclick=function(){
                                        document.getElementById("two-buttons").style.display="block";
                                        document.getElementById("addSelect").setAttribute("type","maintainer");
                                    }
                                    function msgbox(n){
                                        if(n === 1){
                                            if(document.getElementById("addSelect").getAttribute("type") === "student"){
                                                document.getElementById('box1').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                            else if(document.getElementById("addSelect").getAttribute("type") === "teacher"){
                                                document.getElementById('box3').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                            else if(document.getElementById("addSelect").getAttribute("type") === "maintainer"){
                                                document.getElementById('box5').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                        }
                                        else if(n === 2){
                                            if(document.getElementById("addSelect").getAttribute("type") === "student"){
                                                document.getElementById('box2').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                            else if(document.getElementById("addSelect").getAttribute("type") === "teacher"){
                                                document.getElementById('box4').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                            else if(document.getElementById("addSelect").getAttribute("type") === "maintainer"){
                                                document.getElementById('box6').style.display='block';
                                                document.getElementById('fade').style.display='block';
                                            }
                                        }
                                        else {
                                            document.getElementById('fade').style.display='none';
                                            document.getElementById('box1').style.display='none';
                                            document.getElementById('box2').style.display='none';
                                            document.getElementById('box3').style.display='none';
                                            document.getElementById('box4').style.display='none';
                                            document.getElementById('box5').style.display='none';
                                            document.getElementById('box6').style.display='none';
                                        }
                                    }

                                    //JS校验form表单信息
                                    function checkMaintainerData(){
                                        var fileDir = fm3.maintainerUpfile.value;
                                        var suffix = fileDir.substr(fileDir.lastIndexOf("."));
                                        if("" == fileDir){
                                            alert("请选择需要导入的Excel文件！");
                                            return false;
                                        }
                                        if(".xls" != suffix && ".xlsx" != suffix ){
                                            alert("请选择Excel格式的文件导入！");
                                            return false;
                                        }
                                        return true;
                                    }
                                    function checkStudentData(){
                                        var fileDir = fm1.stuUpfile.value;
                                        var suffix = fileDir.substr(fileDir.lastIndexOf("."));
                                        if("" == fileDir){
                                            alert("请选择需要导入的Excel文件！");
                                            return false;
                                        }
                                        if(".xls" != suffix && ".xlsx" != suffix ){
                                            alert("请选择Excel格式的文件导入！");
                                            return false;
                                        }
                                        return true;
                                    }
                                    function checkTeacherData(){
                                        var fileDir = fm2.teaUpfile.value;
                                        var suffix = fileDir.substr(fileDir.lastIndexOf("."));
                                        if("" == fileDir){
                                            alert("请选择需要导入的Excel文件！");
                                            return false;
                                        }
                                        if(".xls" != suffix && ".xlsx" != suffix ){
                                            alert("请选择Excel格式的文件导入！");
                                            return false;
                                        }
                                        return true;
                                    }
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 用户信息以及功能展示结束 -->
    <div id="fade" class="black-all"></div>
    </div>
</main>

<!-- footer area start -->
<footer class="black-bg">
    <div class="footer-middle-area">
        <div class="container">
            <div class="row mtn-30">
                <div class="col-lg-6 col-sm-12">
                    <div class="address-block mt-30">
                        <div class="footer-logo">
                            <a href="#">
                                <img src="img/2.jpg" alt="Brand Logo">
                            </a>
                        </div>
                        <address class="address-info d-flex align-items-center">
                            <i class="fa fa-map-marker"></i>
                            <p><span>ADDRESS : </span> 梦翔大厦</p>
                        </address>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <address class="address-info email mt-30">
                        <i class="fa fa-envelope"></i>
                        <p><span>EMAIL : </span><a href="#">xxxx@qq.com</a></p>
                    </address>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <address class="address-info email mt-30">
                        <i class="fa fa-phone"></i>
                        <p><span>PHONE : </span><a href="#">158xxxxx9442</a></p>
                    </address>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom-area text-center">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="payment-method-list">

                    </div>

                    <p class="copyright">
                        Copyright © www.xxx.com
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer area end -->

</body>

</html>

